a{
    text-decoration:none;  
    font-weight: 100; 
}
hr{
	margin-top: 5px;
	margin-bottom: 5px;
}
.media-meta img{
  width:100%;
}
.ui-panel-inner{
	padding:0;
	padding-right:5px;
}
.ui-li-count{
	background-color: #ccc;
	border-color:#ccc; 
	color:#fff;
}
.ui-bar-inherit{
	background-color: #278DDE;
	border-color:#278DDE;
}
.ui-bar-f{
    color: #fff;
    background-color: #278DDE;
    border-color:#278DDE;
    font-weight: 100;
    height:55px;
    font-size: 13pt;
}
.ui-header .ui-title{
  line-height: 45px;
}
h1{
  display: block;
	text-shadow: 0 0px 0 #fff;
}
.ui-bar-g{
	color: #fff;
    background-color: #278DDE;
    border-color:#278DDE;
    font-weight: 100;
    height:55px;
    font-size: 13pt;
}
.ui-bar-h{
	  color: #fff;
    background-color: #278DDE;
    border-color:#278DDE;
    font-weight: 100;
    height:55px;
    font-size: 13pt;
}
.ui-bar-l{
color: #fff;
    background-color: #278DDE;
    border-color:#278DDE;
    font-weight: 100;
    height:55px;
    font-size: 13pt;
}
.ui-bar-l small{
	color: #fff;
}
.ui-page-theme-a .ui-btn{
    border:0px;
    background-color: #fff;
    text-shadow: 0 0 0 #fff;
    color: black;
}
.ui-btn{
	line-height: 0.8;
}
.ui-content{
	padding:1px;
}
.no-style-btn{
	background:none;
	border:0px;
	border-radius: 0px;
	text-shadow: 0 0 0 #fff;
}
.width100{
	width:100%;
}
.list-group-item img{
    width:50px;
}
.pull-right-font{
	margin-top:5%;
}
.list-group-item:last-child{
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}
.list-group-item:first-child{
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
}
.list-group{
	margin-bottom: 0px;
	border-radius: 0px;
}
.list-group-item {
	width:100%;
    text-overflow: clip;
}
.no-border{
    border:0px;
}
.color-fff{
	color:#fff;
	font-weight: 100;
}
.color-888{
	color:#ccc;
}
.width20{
	height:5%;
	width:20px;
}
.text-content{
    resize: none;
}
.textarea.ui-input-text {
    resize: none;
}
.nav-image{
	width:100%;
	height:70px;
	display:inline-block;
	border-right:1px solid #fff;
}
.mask{
    width: 100%;
    z-index: 2;
    background-color: rgba(0,0,0,0.05);
    text-align: center;
}
.mask font{
	width: 100%;
    font-size:15px;
    color:#000;
    display: inline-block;
	border-right:1px solid #fff;
}
.news-item{
	 text-align: center;
     height: 150px;
     color:#ffffff;
}
.news-item font{
	display: block;
	background-color: rgba(238,238,238,0.27);
	padding-top: 70px;
	padding-bottom:70px;
	z-index:2;
}
.footer-icon font{
	margin:0px;
	font-size:10px;
}
.footer-icon i{
    font-size:13px;
}
.footer-ul{
	padding:0px;
}
.article-nav-header{
	display: inline-block;
	width:100%;
	text-align: left;
}
.page-header{
    margin-top:20px;
    margin-bottom:0px;
}
.article-content{
	text-indent: 20px;
    letter-spacing: 0.7mm;
    font-size:15px;
    color:#666666;
}
.article-content img{
    width:100%;
}
.over-hidden{
	 overflow: hidden;
	 white-space: nowrap;
	 text-overflow: ellipsis;
}
.well{
	border-radius: 0px;
}
/**************************************************************/
.rslides { position: relative; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.rslides li {  -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; }
.rslides li:first-child { position: relative; display: block; float: left; }
.rslides img { display: block; height: auto; float: left; width: 100%; border: 0; }
.slide_container { margin-bottom: 2px; position: relative; float: left; width: 100%; }
.slide { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.slide li { position: absolute; width: 100%; left: 0; top: 0; }
.slide img { display: block; position: relative; z-index: 1; height: 150px; width: 100%; border: 0; }
.slide .caption { display: block; position: absolute; z-index: 2; font-size: 20px; text-shadow: none; color: #fff; background:;  left: 0; right: 0; bottom: 0; padding: 10px 20px; margin: 0; max-width: none; text-align:center; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.slide_nav { position: absolute;top: 52%; left: 0; opacity: 0.7; z-index: 4; text-indent: -9999px; overflow: hidden; text-decoration: none; height:35px; width: 20px; background: transparent url("./sliderbutton.gif") no-repeat left top; margin-top: -20px; }
.slide_nav:active { opacity: 1.0; }
.slide_nav.next { left: auto; background-position: right top; right: 0; }
/**************************************************************/

/*-------------------------------------------------------------------------------------*/
#timeline .timeline-item:after,#timeline .timeline-item:before {
    content: '';
    display: block;
    width: 100%;
    clear: both;
}
#timeline {
    width: 90%;
    margin: 30px auto;
    position: relative;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
#timeline:before {
    content: "";
    width: 3px;
    height: 100%;
    background: #ee4d4d;
    left: 50%;
    top: 0;
    position: absolute;
}
#timeline:after {
    content: "";
    clear: both;
    display: table;
    width: 100%
}
#timeline .timeline-item {
    margin-bottom: 50px;
    position: relative;
}
#timeline .timeline-item .timeline-icon {
    background: #ee4d4d;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0;
    left: 50%;
    overflow: hidden;
    margin-left: -8px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%
}
#timeline .timeline-item .timeline-content {
    width: 45%;
    padding: 20px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#timeline .timeline-item .timeline-content h2 {
    padding: 5px;
    background: #ee4d4d;
    color: #fff;
    margin: -20px -20px 0px -20px;
    font-weight: 500;
}
#timeline .timeline-item .timeline-content .list-group-item {
    margin: 5px -20px 0px 0px;
    line-height: 30px;
    box-shadow: 0px 0px 4px #ccc;
    width:100%;
}
#timeline .timeline-item .timeline-content a i{
    padding-top:8px;
}
#timeline .timeline-item .timeline-content:before {
    content: '';
    position: absolute;
    left: 45%;
    top: 5px;
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 7px solid #ee4d4d;
}
#timeline .timeline-item .timeline-content.right {
    float: right;
}
#timeline .timeline-item .timeline-content.right:before {
    content: '';
    right: 45%;
    left: inherit;
    border-left: 0;
    border-right: 7px solid #ee4d4d;
}

@media screen and (max-width: 768px) {
        #timeline {
        margin: 30px;
        padding: 0;
    }
    #timeline:before {
        left: 0;
    }
    #timeline .timeline-item .timeline-content {
        width: 90%;
        float: right;
    }
    #timeline .timeline-item .timeline-content:before, #timeline .timeline-item .timeline-content.right:before {
        left: 10%;
        margin-left: -6px;
        border-left: 0;
        border-right: 7px solid #ee4d4d;
    }
    #timeline .timeline-item .timeline-icon {
        left: 0;
    }
}
/*-------------------------------------------------------------------------------------*/
#oldtimeline .timeline-item:after,#oldtimeline .timeline-item:before {
    content: '';
    display: block;
    width: 100%;
    clear: both;
}
#oldtimeline {
    width: 90%;
    margin: 30px auto;
    position: relative;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
#oldtimeline:before {
    content: "";
    width: 3px;
    height: 100%;
    background: #D9D9D9;
    left: 50%;
    top: 0;
    position: absolute;
}
#oldtimeline:after {
    content: "";
    clear: both;
    display: table;
    width: 100%
}
#oldtimeline .timeline-item {
    margin-bottom: 50px;
    position: relative;
}
#oldtimeline .timeline-item .timeline-icon {
    background: #D9D9D9;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0;
    left: 50%;
    overflow: hidden;
    margin-left: -8px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%
}
#oldtimeline .timeline-item .timeline-content {
    width: 45%;
    padding: 20px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#oldtimeline .timeline-item .timeline-content h2 {
    padding: 5px;
    background: #D9D9D9;
    color: #fff;
    margin: -20px -20px 0px -20px;
    font-weight: 500;
}
#oldtimeline .timeline-item .timeline-content .list-group-item {
    margin: 5px -20px 0px 0px;
    line-height: 30px;
    box-shadow: 0px 0px 4px #ccc;
    width:100%;
}
#oldtimeline .timeline-item .timeline-content a i{
    padding-top:8px;
}
#oldtimeline .timeline-item .timeline-content:before {
    content: '';
    position: absolute;
    left: 45%;
    top: 5px;
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 7px solid #D9D9D9;
}
#oldtimeline .timeline-item .timeline-content.right {
    float: right;
}
#oldtimeline .timeline-item .timeline-content.right:before {
    content: '';
    right: 45%;
    left: inherit;
    border-left: 0;
    border-right: 7px solid #D9D9D9;
}

@media screen and (max-width: 768px) {
        #oldtimeline {
        margin: 30px;
        padding: 0;
    }
    #oldtimeline:before {
        left: 0;
    }
    #oldtimeline .timeline-item .timeline-content {
        width: 90%;
        float: right;
    }
    #oldtimeline .timeline-item .timeline-content:before, #oldtimeline .timeline-item .timeline-content.right:before {
        left: 10%;
        margin-left: -6px;
        border-left: 0;
        border-right: 7px solid #D9D9D9;
    }
    #oldtimeline .timeline-item .timeline-icon {
        left: 0;
    }
}
#oldWorkDivBtn{
    border-radius: 0px;
    padding-left:30px;
    padding-right:30px;
}

/**********************************************************************************************************/

.jcalculator_wrap {
    z-index: 3;
    position: relative;
}
.jcalculator {
    background-color: #191919;
    width: 200px;
    display: none;
    font-family: Helvetica, Arial, Verdana, sans-serif;
    border: 1px solid #ccc;
}
.jcalculator span {
    background-color: #191919;
    cursor: pointer;
    color: #fff;
    float: left;
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 12px;
    text-align: center;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid #ccc;
}
.jcalculator span:active {
    line-height: 52px;
}
.jcalculator .operation {
    background: #191919;
}
.jcalculator .operation.equal {
    background: #eb0934;
}
/******************************************************************************************************************/

.monthpicker {
  border: 1px solid #eee;
  padding: 1em;
  top: 6px;
  z-index: 1000;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: .2em;
  background:#fff;
}

.monthpicker:before {
  content: '';
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  position: absolute;
  top: -6px;
  left: 6px;
  z-index: 1002;
}

.monthpicker:after {
  content: '';
  border-bottom: 6px solid #ddd;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  position: absolute;
  top: -7px;
  left: 6px;
  z-index: 1001;
}

.monthpicker .years {
  margin-bottom: .8em;
  text-align: center;
}

.monthpicker .years select {
  font-size: 1em;
  width: 100%;
}

.monthpicker .years select:focus {
  outline: none;
}

.monthpicker table {
  border-collapse: collapse;
  table-layout: fixed;
}

.monthpicker td {
  padding: .1em;
}

.monthpicker table button {
  width: 100%;
  border: none;
  background: #CAE3FB;
  font-size: .8em;
  padding: .6em;
  cursor: pointer;
  border-radius: .2em;
  transition: background .2s;
}

.monthpicker table button:hover {
  background: #B1D3F3;
}

.monthpicker table button:focus {
  outline: none;
}

/**********************************************************************************************************/
.marker-report .well{
    border-radius: 0px;
    padding:10px;
}

.marker-report .btn{
    margin-right: 10px;
    border-radius: 0px;
}
.btn-pink{
    background-color: #CC99CC;
    color:#fff;
    border:0px ;
}
.textspace{
    letter-spacing: 0.2em
}
.width50{
    width:50%;
    float:left;
}
.list-group{
    border-radius: 0px;
}
.list-group-item{
    border-radius: 0px;
}
.list-group-item-shadow{
    box-shadow: 0px 0px 2px #ccc;
    overflow: hidden; 
}
.colorCC0033{
    color:#CC0000;
}
.weather-icon-stylie {
  -moz-animation-name: weather-icon-stylie-transform-keyframes;
  -moz-animation-duration: 2000ms;
  -moz-animation-delay: 0ms;
  -moz-animation-fill-mode: forwards;
  -moz-animation-timing-function: linear;
  -moz-animation-iteration-count: infinite;
  -moz-transform-origin: 0 0;
  -ms-animation-name: weather-icon-stylie-transform-keyframes;
  -ms-animation-duration: 2000ms;
  -ms-animation-delay: 0ms;
  -ms-animation-fill-mode: forwards;
  -ms-animation-timing-function: linear;
  -ms-animation-iteration-count: infinite;
  -ms-transform-origin: 0 0;
  animation-name: weather-icon-stylie-transform-keyframes;
  animation-duration: 2000ms;
  animation-delay: 0ms;
  animation-fill-mode: forwards;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  transform-origin: 0 0;
}
@-moz-keyframes weather-icon-stylie-transform-keyframes {
  0% {-moz-transform:translate(0px, 0px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);-moz-animation-timing-function: cubic-bezier(.25,.25,.75,.75);}
  100% {-moz-transform:translate(104px, 50px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
}
@-ms-keyframes weather-icon-stylie-transform-keyframes {
  0% {-ms-transform:translate(0px, 0px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);-ms-animation-timing-function: cubic-bezier(.25,.25,.75,.75);}
  100% {-ms-transform:translate(104px, 50px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
}
@keyframes weather-icon-stylie-transform-keyframes {
  0% {transform:translate(0px, 0px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);animation-timing-function: cubic-bezier(.25,.25,.75,.75);}
  100% {transform:translate(104px, 50px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
}
